<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>v-bind案例</title>
    <script src="D:\ApplicationFiles\vscode\chapter_three\VUE框架\vue\vue.js"></script>
</head>

<body>
    <div id="app">
        <a href="https://www.runoob.com/">前端学习</a>
        <a v-bind:href="url" target="_blank">{{urlname}}</a>
        <a :href="url" target="_blank">{{urlname}}</a>
    </div>
</body>
<script>
    var vm = new Vue({
        el: "#app",
        data: {
            name: "tony",
            url: "https://www.runoob.com/",
            urlname: "前端学习"
        }
    })
</script>

</html>